#Song_list_datails{
  width: 100%;
  .main{
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
    .left{
      width: 700px;
      min-height: 600px;
      height: auto;
      padding: 15px;
      box-sizing: border-box;
      background-color: @white;
      .left_head{
        width: 100%;
        .song_list_img{
          width: 150px;
          height: 150px;
          img{
            width: 100%;
            height: 100%;
          }
        }
        .song_list_info{
          width: 500px;
          height: 150px;
          .big{
            font-weight: 600;
          }
          .song_list_title{
            width: 100%;
            height: 30px;
            line-height: 30px;
          }
          .song_list_hint{
            width: 100%;
            height: 30px;
            line-height: 30px;
          }
          .song_list_label{
            width: 100%;
            height: 30px;
            .label_item{
              padding: 2px 10px;
              box-sizing: border-box;
              border: 1px solid @gray;
              margin-right: 10px;
            }
          }
          .song_list_message{
            width: 100%;
            line-height: 20px;
          }
        }
      }
      .left_table{
        width: 100%;
        height: auto;
        margin: 20px 0;
        box-sizing: border-box;
        border: 1px solid @gray;
        .play_icon{
          font-size: 20px;
          transition: ease .5s;
          &:hover{
            transform: scale(1.1);
          }
        }
      }
    }
    .right{
      width: 400px;
      height: auto;
      .right_like{
        width: 100%;
        min-height: 200px;
        height: auto;
        background-color: @white;
        padding: 15px;
        box-sizing: border-box;
        margin-bottom: 20px;
        .title{
          width: 100%;
          height: 40px;
          font-size: 20px;
        }
        .like_box{
          width: 100%;
          height: 210px;
          padding: 10px;
          box-sizing: border-box;
          .like_item{
            width: 50px;
            height: 50px;
            padding: 5px;
            box-sizing: border-box;
            img{
              width: 100%;
              height: 100%;
            }
          }
        }
      }
      .right_comment{
        width: 100%;
        min-height: 400px;
        height: auto;
        background-color: @white;
        padding: 15px;
        box-sizing: border-box;
        .title{
          width: 100%;
          height: 40px;
          font-size: 20px;
        }
        .comment_box{
          width: 100%;
          height: auto;
          padding: 10px;
          box-sizing: border-box;
          .comment_item{
            width: 100%;
            padding: 10px 0;
            .left_info{
              width: 40px;
              height: 40px;
              img{
                width: 100%;
                height: 100%;
              }
            }
            .right_info{
              width: calc(100% - 50px);
              .nickname{
                height: 30px;
                line-height: 30px;
                font-weight: 600;
              }
              .text{
                line-height: 22px;
                background-color: @borderColor;
              }
            }
          }
        }
        .comment_box2{
          width: 100%;
          .textarea{
            & /deep/ .el-textarea__inner{
              height: 100px;
            }
          }
        }
        .comment_btn{
          width: 100%;
          height: 40px;
          justify-content: end;
          align-items: end;
        }
      }
    }
  }
}